<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/common/page/include.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<%@ include file="/common/page/title.jsp"%>
<title>${requestScope.items.name }</title>
<meta name="keywords" content="心理测试,心理测试题及答案,心理测试题,心理测试大全">
<meta name="description"
	content="壹心理心理测试频道，这里有爱情测试、性格测试、能力测试、会员测试、精选测试、专业测评，包含了心理测试题及答案。">
<link rel="stylesheet" href="//lapp.xinli001.com/css/index.min.css">
<script src="${rootPath }/common/resource/jquery-3.0.0.min.js"></script>
<script src="//lapp.xinli001.com/jsmin/common.min.js"></script>
<script src="//lapp.xinli001.com/jsmin/website-addons.min.js"></script>
<script src="//lapp.xinli001.com/js/zhuge.sdk.js"></script>
	<script>
		var headerAuthUserUrl = "http://www.xinli001.com/ajax/header-auth-user-div.json";
		//设置cooperation cookie
		$(function(){
			setCooperationCookie();
		});

		function getCookie(name)
		{
			var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
			if(arr=document.cookie.match(reg))
				return unescape(arr[2]);
			else
				return null;
		}
		function setCooperationCookie(){
			//cookie不存在或channel值不相等都要重新设置cookie
			var channel_name = '';
			var channel_id = '';
			var urldomain = '.xinli001.com';
			var cooperation = getCookie('cooperation');
			var setcookie = false;
			if(cooperation){
				var cookiedata =  JSON.parse(cooperation);
				var old_channel_id = cookiedata.channel_id;
				if(channel_id && old_channel_id != channel_id){
					setcookie = true;
				}else{
					setcookie = false;
				}
			}else{
				setcookie = true;
			}
			if(setcookie == true){
				var url = encodeURI(window.location.href);
				var cookievalue = {"channel_id":channel_id,"url":url};
				var cookiestr = JSON.stringify(cookievalue);
                //渠道名
				if(channel_id){
					var domain = "domain=" + urldomain;
					document.cookie= "cooperation=" + cookiestr + ";path=/;" + domain;
					zhuge.track('测评_PC渠道_访问次数',{'channel_id':channel_id,'channel_name':channel_name});
				}
			}
		}
	</script>
	<script type="text/javascript">
		var count=${requestScope.items.questionNum};
		var index=1;
		$(function(){
			$("#id_pre_link").bind("click",function(){
				$(".test_contents").css("display","none");
				index--;
				$(".test_contents").eq(index-1).show();
				show();
			});
			/*給各個選項添加事件*/
			$(".items").click(function(){
				/*清除之前所选的*/
				$(this).parent().find("input").removeAttr("checked");
				/*选中当前的*/
				$(this).find("input").attr("checked","checked");
				/*将该项隐藏*/
				$(".test_contents").css("display","none");
				/*下一个节点显示*/
				index++;
				$(".test_contents").eq(index-1).show();
				show();
			});
		});	
		function show(){
			if(index==count){
				$("#id_show_result").show();
			}else{
				$("#id_show_result").hide();
			}
			if(index!=1){
				$("#id_pre_link").show();
			}else{
				$("#id_pre_link").hide();
			}
		}
	</script>
	<style type="text/css">
		.items:hover{
			border-radius:5px;
			background-color: gray;
		}
	</style>
</head>

<body>
	<jsp:include page="/head.htm" />
	<div class="infos-wrap">
		<div class="fish-left main-left">
			<div class="mbox tshow_index">
				<div class="title bor_bot fixed">
					<p class="items fl" title="心理测试"></p>
					<div class="tinfo fl">
						<h2>${requestScope.items.name }</h2>
						<span class="icons" title="测试人数"></span>${requestScope.items.testedNum }人测试过 &nbsp; <span
							class="icons fav" title="收藏次数"></span>${requestScope.items.favNum }次收藏 &nbsp; <span
							class="icons tdates" title="发布时间"></span><fmt:formatDate value="${requestScope.items.pubTime }" pattern="yyyy-MM-dd HH:mm:ss"/>
						&nbsp; <span class="icons comments" title="评论数"></span> ${requestScope.items.suggNum }条评论
					</div>
				</div>
				<div class="ctest bor_top">
					当前第 <span class="fgreen fb" id="id_cur_index">1</span> &nbsp;题 <span
						class="total">本测试共 <span class="fgreen fb">${requestScope.items.questionNum }</span> &nbsp;题
					</span>
				</div>
			</div>
			 <form id='id_form' action="http://www.xinli001.com/ceshi/280/start" method="post" onsubmit="return false">
			
			<!--测试内容头部-->
			<c:forEach items="${requestScope.items.questionList }" var="qust" varStatus="qustVar">
				<div class="test_contents"	style="display: ${qustVar.count==1?'':'none'}" >
					<p class="descs fb">${qustVar.count}.&nbsp;${qust.name }</p>
					<div class="sels_list">
						<!--单选测试-->
						<c:forEach items="${qust.answerList }" var="answ" varStatus="answVar">
							<div class="items">
								<p class="i_top"></p>
								<p class="i_mid">
									<span class="sels"> <input type="radio" name="question-2"
										value="9609" />
									</span>${answ.name}
								</p>
								<p class="i_bot"></p>
							</div>
						</c:forEach>
					</div>
				</div>
			</c:forEach>
			<p class="tbtns">
				<a id="id_pre_link"  href="javascript:void(0)" class="test_btn" style="display: none" >上一题</a> 
				&nbsp;&nbsp; 
				<input id="id_show_result" type="submit" class="btns" style="display: none" value="提 交" />
			</p>
		</form>
		</div>
	<!--left-->
	<div class="fish-left main-right">
		<div class="multi_ads fixed">
			<div class="mt">
				<strong>编辑推荐<span class="mq">：</span><span class="ms">······
				</span></strong>
			</div>
			<dl>
				<dd>
					<a href="http://www.xinli001.com/info/100360756?from=cheshi"
						title="心探社" target="_blank"> <img
						src="http://ossimg.xinli001.com/20161219/22c35b0aef597efe978b7a084dcf3030.jpg"
						width="135" height="135" hover="true" title="心探社" alt="心探社">
					</a>
				</dd>

				<dd>
					<a href="http://www.xinli001.com/ceshi/99897526?from=2017"
						title="心理需求测评" target="_blank"> <img
						src="http://image.xinli001.com/20160805/030954q4tnzb0jb0nyq06s.jpg"
						width="135" height="135" hover="true" title="心理需求测评" alt="心理需求测评">
					</a>
				</dd>

				<dt>
					<a href="http://www.xinli001.com/ceshi/99897572?from=ceshi"
						title="抑郁症测试" target="_blank"> <img
						src="http://ossimg.xinli001.com/20161024/16f19e49dab19387649e80eae35df090.jpg"
						width="280" height="135" hover="true" title="抑郁症测试" alt="抑郁症测试">
					</a>
				</dt>
				<br class="clear">
			</dl>
		</div>
		<!-- 1-->
		<div class="test_rmd_list fixed">
			<div class="st rbor">
				<span class="fb">爱情测试推荐 ：</span><span class="more"><a
					href="/ceshi">更多»</a></span>
			</div>
			<dl>
				<dd>
					<p class="pbox fl">
						<a href="http://www.xinli001.com/ceshi/615"> <img
							src="http://ossimg.xinli001.com/20170317/0ecf1fb5266c55c6da89ffae6b6f66f4.jpg!90x60"
							width="90" height="60" hover="true" alt="你会错过爱你的人吗？">
						</a>
					</p>
					<p class="tinfo fl">
						<a href="http://www.xinli001.com/ceshi/615">你会错过爱你的人吗？</a> <span
							class="total"><span class="icons" title="测试人数"></span>70837人测试过</span>
					</p>
				</dd>
				<dd>
					<p class="pbox fl">
						<a href="http://www.xinli001.com/ceshi/548"> <img
							src="http://ossimg.xinli001.com/20170313/f6628cfe2e5eedb7567b852bc7334448.jpg!90x60"
							width="90" height="60" hover="true" alt="你的初恋是什么颜色？">
						</a>
					</p>
					<p class="tinfo fl">
						<a href="http://www.xinli001.com/ceshi/548">你的初恋是什么颜色？</a> <span
							class="total"><span class="icons" title="测试人数"></span>46084人测试过</span>
					</p>
				</dd>
				<dd>
					<p class="pbox fl">
						<a href="http://www.xinli001.com/ceshi/57"> <img
							src="http://image.xinli001.com/20160907/06331132zonf42y1akxhp9.jpg!90x60"
							width="90" height="60" hover="true" alt="桃花运测试：哪种颜色增加你的桃花运？">
						</a>
					</p>
					<p class="tinfo fl">
						<a href="http://www.xinli001.com/ceshi/57">桃花运测试：哪种颜色增加你的桃花运？</a>
						<span class="total"><span class="icons" title="测试人数"></span>27324人测试过</span>
					</p>
				</dd>
				<dd>
					<p class="pbox fl">
						<a href="http://www.xinli001.com/ceshi/186"> <img
							src="http://ossimg.xinli001.com/20170303/eefe9ff5c994502af90b5bbf6127ea50.jpg!90x60"
							width="90" height="60" hover="true" alt="什么样的异性和你最登对？">
						</a>
					</p>
					<p class="tinfo fl">
						<a href="http://www.xinli001.com/ceshi/186">什么样的异性和你最登对？</a> <span
							class="total"><span class="icons" title="测试人数"></span>261456人测试过</span>
					</p>
				</dd>
				<dd>
					<p class="pbox fl">
						<a href="http://www.xinli001.com/ceshi/65"> <img
							src="http://image.xinli001.com/20160913/0957233ndpcvp1a205go2i.jpg!90x60"
							width="90" height="60" hover="true" alt="你该远离哪种异性？">
						</a>
					</p>
					<p class="tinfo fl">
						<a href="http://www.xinli001.com/ceshi/65">你该远离哪种异性？</a> <span
							class="total"><span class="icons" title="测试人数"></span>47507人测试过</span>
					</p>
				</dd>
			</dl>
		</div>
		<div class="tags fixed">
			<div class="st rbor">
				<span class="fb">热门标签 ：</span>
			</div>
			<ul>
				<li class="fl"><a
					href="http://www.xinli001.com/ceshi/tag?name=%E6%80%A7%E6%A0%BC%E6%B5%8B%E8%AF%95">性格测试</a></li>
				<li class="fl"><a
					href="http://www.xinli001.com/ceshi/tag?name=%E7%88%B1%E6%83%85%E6%B5%8B%E8%AF%95">爱情测试</a></li>
				<li class="fl"><a
					href="http://www.xinli001.com/ceshi/tag?name=%E8%83%BD%E5%8A%9B%E6%B5%8B%E8%AF%95">能力测试</a></li>
				<li class="fl"><a
					href="http://www.xinli001.com/ceshi/tag?name=%E5%BF%83%E7%90%86%E6%B5%8B%E8%AF%95">心理测试</a></li>
				<li class="fl"><a
					href="http://www.xinli001.com/ceshi/tag?name=%E8%B6%A3%E5%91%B3%E6%B5%8B%E8%AF%95">趣味测试</a></li>
				<li class="fl"><a
					href="http://www.xinli001.com/ceshi/tag?name=%E4%B8%93%E4%B8%9A%E6%B5%8B%E8%AF%95">专业测试</a></li>
				<li class="fl"><a
					href="http://www.xinli001.com/ceshi/tag?name=%E5%A7%BB%E7%BC%98%E6%B5%8B%E8%AF%95">姻缘测试</a></li>
				<li class="fl"><a
					href="http://www.xinli001.com/ceshi/tag?name=%E6%B5%8B%E8%AF%95%E7%88%B1%E6%83%85">测试爱情</a></li>
				<li class="fl"><a
					href="http://www.xinli001.com/ceshi/tag?name=%E8%81%8C%E4%B8%9A%E6%B5%8B%E8%AF%95">职业测试</a></li>
				<li class="fl"><a
					href="http://www.xinli001.com/ceshi/tag?name=%E9%A2%84%E8%A8%80%E6%B5%8B%E8%AF%95">预言测试</a></li>
				<li class="fl"><a
					href="http://www.xinli001.com/ceshi/tag?name=%E4%BC%9A%E5%91%98%E6%B5%8B%E8%AF%95">会员测试</a></li>
				<li class="fl"><a
					href="http://www.xinli001.com/ceshi/tag?name=%E7%88%B1%E6%83%85">爱情</a></li>
				<li class="fl"><a
					href="http://www.xinli001.com/ceshi/tag?name=%E7%BF%BB%E8%AF%91%E6%B5%8B%E8%AF%95">翻译测试</a></li>
				<li class="fl"><a
					href="http://www.xinli001.com/ceshi/tag?name=%E4%B8%93%E4%B8%9A%E9%87%8F%E8%A1%A8">专业量表</a></li>
				<li class="fl"><a
					href="http://www.xinli001.com/ceshi/tag?name=%E6%BD%9C%E6%84%8F%E8%AF%86%E6%B5%8B%E8%AF%95">潜意识测试</a></li>
				<li class="fl"><a
					href="http://www.xinli001.com/ceshi/tag?name=%E5%A4%96%E5%9B%BD%E6%B5%8B%E8%AF%95">外国测试</a></li>
				<li class="fl"><a
					href="http://www.xinli001.com/ceshi/tag?name=%E6%80%A7%E6%A0%BC">性格</a></li>
				<li class="fl"><a
					href="http://www.xinli001.com/ceshi/tag?name=%E8%81%8C%E5%9C%BA%E6%B5%8B%E8%AF%95">职场测试</a></li>
				<li class="fl"><a
					href="http://www.xinli001.com/ceshi/tag?name=%E5%81%A5%E5%BA%B7%E6%B5%8B%E8%AF%95">健康测试</a></li>
				<li class="fl"><a
					href="http://www.xinli001.com/ceshi/tag?name=%E5%BF%83%E7%90%86%E5%81%A5%E5%BA%B7">心理健康</a></li>
				<li class="fl"><a
					href="http://www.xinli001.com/ceshi/tag?name=%E6%81%8B%E7%88%B1">恋爱</a></li>
			</ul>
		</div>
		<!--标签-->
	</div>
	<!--right-->
</div>

	<%@ include file="/common/page/footer.jsp"%>
	<script>
		var userinfoUrl = 'http://www.xinli001.com/userinfo/';
	</script>
	<script src="//lapp.xinli001.com/jsmin/index.min.js"></script>
	<script>
		$(function(){
			setFocusSlid('#roll_sels', '#rolls_imgs', 229);
			$.get(headerAuthUserUrl, function(resp) {
				$('#header-auth-user-div').html(resp);
			});
		});
	</script>
	<script>
	var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
	//document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3Fd64469e9d7bdbf03af6f074dffe7f9b5' type='text/javascript'%3E%3C/script%3E"));
	var _bdurl = unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3Fd64469e9d7bdbf03af6f074dffe7f9b5' type='text/javascript'%3E%3C/script%3E");
	document.write(_bdurl);
</script>
	<script>
	(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
			(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
		m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
	})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

	ga('create', 'UA-74218902-1', 'auto');
	ga('send', 'pageview');
</script>
	
</html>